<script>
import { UserFilled } from '@element-plus/icons-vue'

export default {
  name: 'AsideCom',
  data () {
    return {

    }
  },
  props: ['collapse'],
  components: { UserFilled }
}
</script>
<template>
  <el-menu :collapse="collapse" active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo"
    default-active="2" text-color="#fff">

    <el-menu-item>首页</el-menu-item>

    <el-sub-menu index="1">
      <template #title>
        <el-icon>
          <UserFilled />
        </el-icon>
        <span>账号管理</span>
      </template>

      <el-menu-item>管理员列表</el-menu-item>
      <el-menu-item>用户列表</el-menu-item>
    </el-sub-menu>

  </el-menu>
</template>
